aboutsummaryrefslogtreecommitdiff
path: root/src/app/anime/[id]/info.module.css
diff options
context:
space:
mode:
Diffstat (limited to 'src/app/anime/[id]/info.module.css')
-rw-r--r--src/app/anime/[id]/info.module.css187
1 files changed, 0 insertions, 187 deletions
diff --git a/src/app/anime/[id]/info.module.css b/src/app/anime/[id]/info.module.css
deleted file mode 100644
index fd14d32..0000000
--- a/src/app/anime/[id]/info.module.css
+++ /dev/null
@@ -1,187 +0,0 @@
-.dramaInfoContainer {
- display: flex;
- flex-direction: column;
-}
-
-.dramaInfo {
- display: flex;
- flex-direction: column;
- width: 98%;
- margin: 80px auto;
-}
-
-.titleContainer {
- display: flex;
- justify-content: space-between;
- align-items: center;
-}
-
-.titleContainer p {
- color: var(--neon-green);
- width: 60%;
- font-weight: 500;
- font-size: 34px;
-}
-
-.titleContainer img {
- aspect-ratio: 16 / 9;
- border-radius: 10px;
-}
-
-.animeDescription h2 {
- color: #ffffff81;
- margin: 20px 0px -10px 0px;
-}
-
-.animeDescription p {
- color: rgba(255, 255, 255, 0.637);
-}
-
-.SelectClass {
- background-color: #272727;
- color: white;
- font-family: "Lexend Deca", serif;
- border: none;
- outline: none;
- padding: 0.5rem;
- border-radius: 0.5rem;
- text-align: center;
-}
-
-.SelectClass::-webkit-scrollbar {
- width: 0;
-}
-
-.SelectClass option:checked {
- background-color: rgb(0, 160, 223);
-}
-
-.buttonContainer {
- margin: 0px;
- height: 200px;
- overflow-y: auto;
- border-radius: 10px;
-}
-
-.buttonHeader {
- margin: 0px 10px 10px 0px;
- color: #ffffff81;
-}
-
-.buttonContainer button {
- transition: transform 200ms ease-in-out;
-}
-
-.buttonContainer button:focus {
- opacity: 0.7;
- transition: transform 200ms ease-in;
- background-color: var(--soft-purple);
- transform: scale(0.9);
-}
-
-.buttonContainer::-webkit-scrollbar {
- width: 5px;
-}
-
-.buttonContainer::-webkit-scrollbar-thumb {
- background-color: var(--soft-purple);
- border-radius: 1rem;
-}
-
-.dramaButton {
- padding: 10px;
- font-family: "Lexend Deca", serif;
- margin: 0.5rem 0.5rem 0px 0px;
- width: 55px;
- border-radius: 5px;
- text-align: center;
- border: none;
- outline: none;
- color: white;
- background-color: #3d3d3d;
- transition: background-color 200ms ease-in-out;
- cursor: pointer;
-}
-
-.dramaButton:hover {
- background-color: #1f1f1f;
- transition: background-color 200ms ease-in;
-}
-
-.infoPageContainer p {
- color: white;
-}
-
-.animeDetails {
- color: white;
-}
-
-.genreEntries {
- margin: 3px;
- padding: 4px;
- border-radius: 5px;
- color: var(--neon-yellow);
- background-color: #303030;
-}
-
-.animeType span {
- color: var(--light-green);
-}
-
-.animeRelease span {
- color: var(--soft-purple);
-}
-
-.videoPopUp {
- height: 100dvh;
- width: 100dvw;
- background-color: #141414ee;
- position: fixed;
- bottom: 0;
- left: 0;
- right: 0;
- display: flex;
- flex-direction: column;
- align-items: center;
- justify-content: center;
- z-index: 1;
- overflow-y: auto;
-}
-
-.closeButton {
- font-family: "Lexend Deca", serif;
- font-size: 16px;
- background-color: var(--pastel-red);
- padding: 0.5rem 1.5rem;
- border: 0;
- outline: 0;
- border-radius: 0.5rem;
- cursor: pointer;
- margin: 5px;
-}
-
-.video {
- width: 60vw;
-}
-
-.VideoPlayer {
- width: 100%;
-}
-
-@media screen and (max-width: 768px) {
- .titleContainer p {
- font-size: 28px;
- }
-
- .animeDetails {
- font-size: 14px;
- }
-
- .video {
- width: 100%;
- }
-
- .buttonContainer {
- text-align: center;
- }
-}